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Seiring dengan perkembangan teknologi internet, semakin banyak cara 
yang dapat dilakukan dalam pembuatan website. Tentu saja cara yang paling 
banyak diminati adalah cara yang mudah dan dapat menghasilkan website yang 
aman dan menarik dari segi tampilan. Pembuatan website dengan Joomla adalah 
salah satu cara tersebut. Seseorang yang akan membuat website dengan Joomla 
tidak harus memiliki latarbelakang pendidikan berbasis teknologi informasi. Karena 
kemudahan dan kecepatan dalam proses pembuatan website, ada yang 
mengatakan bahwa membuat website dengan Joomla semudah memasak mie 
instan. 

Tutorial ini dibuat dalam rangka pembelajaran Teknologi Informasi dan 
Komunikasi (TIK) kelas XI SMA Kolese De Britto Yogyakarta. Untuk memudahkan 
penjelasan, maka dalam tutorial ini digunakan metode FAQs (Frequenly Ask 
Questions). 

Apa sih CMS itu ? 

CMS (Content Management System) adalah software yang mampu mengelola isi 
atau content dari sebuah website seperti melakukan publikasi , edit maupun 
menghapus isi content. Joomla, Mamboo, PHPNuke dan Aura CMS hanyalah secuil 
dari CMS yang ada di dunia internet. Masih terdapat ratusan CMS yang tersedia, 
namun Joomla merupakan salah satu CMS yang sangat terkenal dan mendapat 
dukungan yang sangat luas dari komunitas serta bisa didapatkan secara gratis. 

Apa Joomla itu ? 

Joomla sebenarnya merupakan varian dari CMS terdahulunya yang sampai saat ini 
pun masih berkembang yaitu MAMBO. Jadi, Joomla merupakan web berbasis CMS 
dan bersifat opensource. 
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Gambar 1.1 Logo Joomla 



Website mana saja yang sudah menggunakan Joomla ? 

Berikut contoh website yang dibuat dengan Joomla: 

1 . http://vet-indo.com (situs tentang penyakit binatang) 

2. http://www.tnawrestling.com (situs tentang wrestling) 

3. http://rakhoshi.com (situs games Warcraft) 

4. http://www.lettolink.com (situs band di Indonesia) 

5. http://www.xl.co.id (Pro XL) 

6. http://www.id-joomla.com (komunitas joomla Indonesia) 

7. http://www.unand.ac.id (Universitas Andalas) 

8. http://www.erlangga.co.id (Penerbit Erlangga) 

9. http://www.joomla.org (web resmi Joomla) 



Bagaimana cara penginstallan Joomla ? 

Ada dua cara penginstallan Joomla, yaitu penginstallan secara offline dan online. 



Penginstallan secara online/remote 

Jika Anda ingin menginstali secara online, maka terlebih dahulu Anda harus memiliki 
domain dan hosting, yang dapat diperoleh secara gratis atau jika Anda ingin 
memiliki domain yang bagus dan hosting yang aman, maka Anda harus membeli di 
domain dan hosting provider. Jika Anda membeli domain dan hosting Anda akan 
memperoleh domain, misalnya: namaAnda.com, nama Anda.net, namaAnda.org 
dan lain lain. Selain itu Anda akan memperoleh kapasitas hosting untuk menyimpan 
file-file Anda sehingga website Anda dapat diakses dari seluruh dunia. 

Setelah Anda membeli domain dan hosting, berikut langkah-langkah praktis dalam 
penginstalan secara online: 

1 . Masuk ke CPanel dengan username dan password Anda, biasanya: 
namadomainAnda.com/cpanel 

2. Klik Fantastico 

3. Pilih Joomla dan lakukan langkah-langkah penginstallan 

4. Mendesain ulang Joomla Anda dan membuat konten untuk website Anda 

5. Update website Anda 
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Penginstallan secara offline 



Yang dimaksud penginstallan secara offline adalah penginstallan ke komputer 
Anda sendiri sehingga Anda mempunyai hak akses secara langsung. Beberapa 
komponen yang dibutuhkan dalam instalasi: 

1 . Webserver Apache 

2. Komponen scripting PHP 

3. Database server MySQL 

Tentu saja proses instalasi dapat dilakukan di sistem operasi Windows dan Vista. 
Langkah yang lebih mudah untuk menginstali semua paket software di atas di 
Windows adalah dengan menggunakan WAMP Server (Windows, Apache, MySQL 
dan PHP) atau menggunakan XAAAPP. Dalam tutorial ini akan digunakan XAMPP 
1 .5.3. Berikut langkah-langkah instalasinya: 



1. Buka file xampp-win32-l .5.3-installer di jaringan LAN istiyanto atau kom_a32, 
yang terdapat di folder CMS_Kelas_XI 

2. Double klik dan lakukan penginstallan seperti biasa 

3. Pilih Bahasa -> Next dan seterusnya, tidak dituliskan secara detail selama 
tidak ada yang istimewa 

4. Tunggu sampai proses instalasi selesai -> Finish 



[h]XAMPP 1.5.3 Setup 



Lcncjiatulaticn:! The in:tallation was &ucce::ful! Start theXAMPP Ccnticl Panel 

now? 



No 



Gambar 1.2 Konfirmasi Akhir Penginstallan XAMPP 



Instalasi Joomla 

Berikut langkah-langkah instalasi Joomla: 

1. Buka file Joomla 1.0.12-Stable melalui LAN 

2. Klik Next -> I accept this Agrement dan seterusnya 

3. Instali to this macine 

4. Save file into folder: klik Browse -> letakkan di C:\Program 
Files\htdocs\latihan 
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Folder latihan dibuat terlebih dahulu (File -> New Folder) 



Brcwse For Folder 
Select a directorv 



■: entri b 





j, FileZillaFTP 




J (Jt htdcc: 




forbidden 




latihan 
| j restrieted 


: 


t>>jS tfampp 
t in r tall 


B 



Folder: 



New Folder 



Make New Folder 



Fi!es\htdocs 

Vwwwww^ 



ES 




Browse 



Gambar 1.3 Pembuatan Folder Latihan 

5. Klik OK -> Klik my web server is not running yet 

6. Klik OK -> tunggu sampai proses intalasi selesai -> Finish 
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Set Up awal Joomla 

1. Pastikan aplikasi xampp aktif, bila belum aktif, aktifkan melalui Start 
Programs apachefriends xampp CONTROL XAMPP SERVER PANEL 



Mcdule^ 



O Svc 


Apache 


Running 


Stop 


[ Admin... 


S Svc 


NySql 


Running 


Stop 


[ Admin... 


O Svc 


FileZilla 




Start 


[ Admin... 


□ Svc 


Mercury 




Start 


[ Admin... 



4 



Gambar 1.4 Control XAMPP Server Panel 
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Gambar 7.5 /fcon XAMPP Aktif 



2. Buka browser Anda, misalnya I E atau Firefox: http://localhost/latihan, jika 
belum jalan, pastikan bahwa proxy Anda dimatikan 

3. Jika benar, maka akan keluar jendela Pre-lnstallation Check 



jg i http cca 1 h c st/l ati h a n /i n :ta 1 1 ati o n/i n d ex. p h p 










Jccmla! - Web Inttaller 





Gambar 1.6 Alamat URL Instalasi Joomla 



4. Klik Next Next 




pre-installation check 



ChEck Agam 



Gambar 1.7 Pre-installation Check 



5. Pada Step 1 isikan data-data berikut ini: 
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Hcst ' .,v•••:^ 


1 lili IlJ LniLi'^llr 1 w' L ^ 1 T i L- 1 it- 1 


lccalhc5.t 


MySQL User Name 


Eitfrer something es 'mot' or e 
usememe giveo by (fre froster 
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Fcr site secority asing e pesswon? for 


MySQL Database Name 
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1=1 Drop Existing 
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□ Backup OM Tables 
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^\ Instali Sample Data 


Dor/f. uncheck tfris option aniess you 
are eyperienced in osing Joonile! 



Gambar 7.8 Konfirmasi Host Name, User dan Database 



6. Klik Next, isikan sitename, bebas, misalnya: This is My First CMS -> Next 



Srte 
name 




ThisisMy First CMS 


e. g. ~he Home of Joomla 





Gambar 7.9 Konfirmasi Site name 

7. Isikan email Anda dan ganti password dengan password yang mudah 
diingat 
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URL http:.-7lccalhc5t- ! latihan 



Path C:\Prcgram F ile s'wa rnp p\htd c csMatih a n 

^J| r ^~ | sebela sseptember^ya h g c . cg m 
Admin 

J jesus 
password 

File Pernis s ion s 

(f) Dont CHMOD files (use server defaufts) 
© CHMOD flles to: 

Directory Permissions 

(#) Do nt CH M O D d irecto ries (use server d ef a u Its) 
© CHMOD d ire cto ries to: 



Gambar 1.10 Konfirmasi Email dan Admin Password 



8. Klik Next dan proses instalasi selesai dan Anda akan mendapatkan 
keterangan seperti berikut: 

PLEASE REP.1EP.1BER TO COP.1PLETELY 
REMOVE THE INSTAL L ATI O N DIRECTORY 

Administmtion Login Details 

Username : admin 
Password : jesus 

Gambar 1.11 Instalasi Selesai 

9. Anda dapat langsung klik View Site atau buka browser Anda kembali dan 
ketikkan alamat url Anda, misalnya: http://localhost/latihan 

10. Jika belum berhasil, hapus folder: installation yang terdapat di: 
C:\Program Files\xammp\htdocs\latihan 



i . ► Computer ► Lccal Di:k (C:] ► Program Files ► xampp ► htclcc: ► latihan ► 



Gambar 1.12 Penghapusan Folder Installation 

1 1 . Buka browser Anda kembali -> F5 (Refresh) 
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12. Jika Anda ingin melakukan dsain ulang, gunakan fasilitas Back-End -> 
http://localhost/latihan/administrator 



Login 


Welcometo Joomla; 

Use a valid usemame snrf 
pa&swordtD gain accesstc 
the administration console. 


Username 


admin 




Password 






Logtn 



Gambar 1.13 Back-End Joomla 



1 3. Selamat bersenang-senang dengan JOOMLA !!!! 



NEXT TUTORIAL: 

1 . Front-End (hasil jadi) dan Back-End (pengelolaan dari sisi Admin) Joomla 

2. Intalasi Template 

3. Pengelolaan Content: Section Manager, Category Manager, Content 
Items Manager, Static Content Manager, Front Page Manager 

4. Joomla Components: Banners, Contact, News Feed, Syndicate, Weblinks 
dan lain-lain 

5. Modules 

6. Keamanan Joomla 

TUGAS ANDA: 

1 . Modifikasilah tampilan/template Joomla Anda 

2. Gantilah banner Anda, gunakan Photoshop 

3. Hilangkan menu-menu yang tidak perlu dan tambahkan menu-menu 
yang dibutuhkan 

4. Isilah konten-konten website Anda 

REFERENSI: 

1. Wirawan, Adhicipta. 2007. Membangun Web Store dengan Joomla !. 
Jakarta: Penerbit Elex Media Komputindo 

2. Gunadi, I. Made dan Lirva32. 2007. Joomla Website Magic. Jakarta: 
Penerbit Jasakom 

3. Komunitas Joomla Indonesia, http://www.id-joomla.com 

4. Situs resmi Joomla, http://www.joomla.ord 
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5. Forum Joomlg http://forum.ioomla.org 
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